<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>title</title>
    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="../lib/bootstrap/3.3.6/css/bootstrap.min.css"
          integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
    <!-- Optional theme -->
    <link rel="stylesheet" href="../lib/bootstrap/3.3.6/css/bootstrap-theme.min.css"
          integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous">
    <link rel="stylesheet" href="../lib/bootstrap/bootstrap-switch/css/bootstrap3/bootstrap-switch.min.css">
</head>
<body style="width: 410px; height: 600px;">

<div id="progress" class="bs-callout-warning">
    <div style="text-align: center;">正在加载.....</div>
</div>

<div id="content" class="panel panel-success" style="display: none;">
    <div class="panel-body">
        <div id="current-system-setting" class="panel panel-success">
            <div class="panel-heading">
                <h3 class="panel-title">工具配置</h3>
            </div>
            <div class="panel-body">
                <form class="form-horizontal">
                    <div class="form-group">
                        <label for="isSqlLog" class="col-sm-2 control-label">是否开启SQL日志</label>
                        <div class="col-sm-10">
                            <input id="isSqlLog" type="checkbox" checked />
                        </div>
                    </div>
                </form>
                <button id="new-sql-item" type="button" class="btn btn-default">新建</button>
                <div id="sql-log-lists" class="list-group">
                </div>
            </div>
        </div>
    </div>
</div>

<script id='sql-log-list-item' type='text/x-jquery-tmpl'>
    <div class="list-group-item">
        <label id="<%=id %>" style="width: 250px;display: inline-block;"><%=name %></label>
        <button name="delete" type="button" class="btn btn-default">删除</button>
    </div>
</script>
<script id='sql-log-list-new' type='text/x-jquery-tmpl'>
    <a href="#" class="list-group-item">
        <input class="form-control" placeholder="标题" style="width:190px;display: inline;">
        <button name="save" type="button" class="btn btn-default">保存</button>
        <button name="cancel" type="button" class="btn btn-default">取消</button>
    </a>
</script>

<script src="../lib/jquery/2.1.4/jquery.min.js"></script>
<script src="../lib/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script src="../lib/underscore/underscore-min.js"></script>
<script src="../lib/bootstrap/bootstrap-switch/js/bootstrap-switch.min.js"></script>
<script src="../js/popup.js"></script>
</body>
</html>